<script setup lang="ts">
import {ref,watch} from "vue"

const [visable,value] = $dialog.helloworld((params?:any)=>{
  console.log('结果',params);
  visable.value = false
})

const handle = ()=>{
  visable.value = true
}

watch(()=>value,()=>{
  console.log('value变化',value);
},{
  immediate:true,
  deep:true
})
</script>

<template>
  <div>
    vite + plugins
    <a-button @click="handle">按钮</a-button>
  </div>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
